@import '@/lib/reset.scss';

html, body {
  @include rect(100%, auto);
  background:#f6f6f6;
}
.sectionBox{
  margin-top:78px
}
.container { 
  background:#fff;
  .headerNav {
    @include rect(100%, 28px);
    background:#fff;
    @include text-color(#d5d5d5);
    ul {

      li {
        display: inline-block;
        a {
          padding: 0 12px;
          color: #d5d5d5;
          line-height: 28px;
          font-size: 12px;
        }
      }
    }
  }
  .headerBox {
    background:#fff;
    @include rect(100%, 40px);
    ul {
      @include rect(1040px, 40px);
      @include margin(0 auto);
       padding-left:40px;
      li {
        display: inline-block;
        margin-right: 28px;
        line-height: 40px;
        active{
          color:blue
        }
        a{
          color: #71777c;
        }
        &:hover,.active {
          color:#007fff;
      }
      }
    }
  }
}
  .Wrapper-left {
    display:none;
    @include rect(240px, 435px);
    position:fixed;
    left:69%;
    top:119px;
    .Wrapper-left-top {
      @include rect(240px, auto);
      border:1px solid #cecece;
      overflow: hidden;
      border-radius: 2px;
      box-shadow: 0 1px 3px 0 rgba(4,5,13,.23);
      background-color: #fff;
      div{
        padding:15px 16px;
      }
      .wrapper-background{
       
        width:208px;
        height:95px;
        margin-top: 9px;
        height: 95px;
        background: url(https://b-gold-cdn.xitu.io/v3/static/img/wechat-qr.f1926e7.png) no-repeat center 0;
        background-size: contain;
        border-radius: 2px;
      }
    }
    .Wrapper-left-mid{
      @include rect(242px,auto);
      margin-top:10px;
      border:1px solid #cecece;
      overflow: hidden;
      border-radius: 2px;
      box-shadow: 0 1px 3px 0 rgba(4,5,13,.23);
      background-color: #fff;
      a{
        flex-grow: 1;
        display: flex;
        width:120px;
        height: 90px;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        color: #71777b;
        float: left;
        img{
          width:37px;
          height:28px
        }
        div{
          width:56px;
          height:19px
        }
      }
     
    }
  }
